<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		ul{
			padding-left:0;
			width: 960px;
			height: 40px;
			background: #00BFFF;
		}
		li{
			border:0px solid white;
			list-style: none;
			float:left;
			color:#fff;
			height: 40px;
			width:120px;
			text-align: center;
			line-height:40px;
		}
		a{
			color: white;
			background: red;
			width:120px;
			display: inline-block;
		}
		a:hover{
			background: skyblue;
			color: red;
			font-size: 24px;
			font-weight: bold;
		}
	</style>
</head>
<body>
	<ul>
		<li>
		<a href="https://www.sina.com.cn/" target="_blank">首页</a>
		</li>
		<li>
		<a href="https://baike.baidu.com/item/%E6%96%B0%E6%B5%AA/125692?fr=aladdin" target="_blank">预报预警</a></li>
		<li>
		<a href="https://www.baidu.com/" target="_blank">气象新闻</a>
		</li>
		<li>
		<a href="https://baike.baidu.com/item/%E8%91%9B%E7%BF%94/6576055?fr=aladdin" target="_blank">气象服务</a></li>
		<li>
		<a href="https://baike.baidu.com/item/%E8%91%9B%E7%BF%94/53276248?fr=aladdin" target="_blank">气象审批</a></li>
		<li>
		<a href="https://www.x-mol.com/university/faculty/155582" target="_blank">信息公开</a>
		</li>
		<li>
		<a href="https://tieba.baidu.com/p/6155815938" target="_blank">气象科普</a>
		</li>
		<li>
		<a href="https://www.baidu.com/" target="_blank">党风廉政</a>
		</li>
	</ul>
</body>
</html>